<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 .box{
		 	width: 200px;
		 	height: 200px;
		 	background: skyblue;
           /* 边框的宽度		 	*/
/*		 	border-width:2px 10px 20px 5px;*/
           /* 边框的颜色		 	*/
/*           border-color: darkred blue greenyellow yellow;*/
           /* 边框的样式 上右下左  solid  dashed虚线方块  double双实线  dotted虚线圆点*/
/*           border-style: solid dashed double dotted;*/
            /* 总的写法  粗细 颜色 样式 ； 顺序没有要求 */
            border: 2px aquamarine solid ;
            /*     
                border-top
                border-bottom
                border-left
                border-right 
                   */
            border-top: 10px gold dashed;
		 }
		 .box2{
		 	width: 0;
		 	height: 0;
		 	border: 50px solid greenyellow ;
            /*   transparent透明		 	*/
		 	border-color: red  green blue yellow;
		 }
	</style>
</head>
<body>
      <div class="box"></div>
      <div class="box2"></div>
</body>
</html>